<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="shortcut icon" href="#"/>
		<link rel="stylesheet" href="../../iconfont/iconfont.css"/>
		<link rel="stylesheet" href="../css/index.css"/>
		<script src="../js/jquery-3.5.1.min.js"></script>
		<script src="../js/index.js"></script>
		<link rel="stylesheet" href="../../css/thenlogin.css?<%=Math.random()%>"/>
<%--		<script type="text/javascript" src="../../js/head.js"></script>--%>
	</head>
	<body>
		<div id="box">
			<!-- 遮罩层 -->
			<div id="zzc"></div>

			<div class="headNav">
				<div class="headNavRbox">
					<a href="">三星官网</a>
					<a href="">盖乐世社区</a>
					<a href="">三星商城VIP用户专属服务</a>
					<a href="">三星商城APP</a>
					<a href=""><span class="iconfont icon-dianhua" style="margin-right: 5px;"></span>400 011 8899</a>
				</div>
			</div>

			<div class="gnb_nav">
				<div class="gnb_nav_img gnb_nav_float">
					<a href=""><img src="../../img/global-samsung-logo1.png" /></a>
				</div>

				<div class="gnb_nav_center gnb_nav_float">
					<li>手机/平板</li>
					<li>手表/耳机</li>
					<li>电视/影视</li>
					<li>生活家电</li>
					<li>显示器/存储</li>
				</div>

				<div class="gnb_nav_righ">
						<input id="search" type="text" />
						<div class="searchtip"></div>
					<div onclick="search()" class="dosearch"><img src="../../img/dosearch.png" alt=""></div>
					<span class="iconfont icon-gouwuche" onclick='${sessionScope.user==null?"isnull()":"iscart()"}'></span>
					<c:if test="${user!=null}">
						<div class="gwcnumber"><span class="gwcnumbertext">${cartcount}</span></div>
					</c:if>
					<li>${sessionScope.user==null?"<a href='/login' id='delu'>登录/注册</a>":"<img src='img/login.png' width=25 height=25 id='Login' onmouseover='Login()'>"}</li>
					<div id="levitation">
						<div><a href="/MyOrdershas">我的订单</a></div>
						<div><a href="/MyCollection">我的收藏</a></div>
						<div><a href="/Myevaluation">我的评价</a></div>
						<div><a href="/center">个人主页</a></div>
						<div><a href="/Shippingaddress">收货地址</a></div>
						<div><a href="/isnull">退出</a></div>
					</div>
				</div>

				<!-- 显示的盒子 -->
				<div id="show">
					<div id="show_conten_header">
						<h1>手机/平板</h1><span id="cancelshow">×</span>
					</div>

					<div class="show_nav_conten">
						<div class="showNavone">
							<li class="newtuijian">新品推荐<span><img src="../../img/rightarrow.png" alt=""></span></li>
							<c:forEach items="${selectxl}" var="xl">
								<li  class="xlli" id="${xl.xid}">${xl.xname}<span><img src="../../img/rightarrow.png" alt=""></span></li>
							</c:forEach>
						</div>
						<div class="showNavtwo">
							<div class="showNavtwoson">
								<c:forEach items="${newgoods}" var="n">
									<li onclick="chuandetail(${n.sid},${n.lid})">${n.sname}<span>新</span></li>
								</c:forEach>
							</div>
						</div>
						<div class="showNavthree">
							<div id="advertisebox">
								<img src="../../img/advertisePhone.png" alt="">
							</div>
							<a>Galaxy S23系列</a><br />
							<a id="lianjie">了解更多</a>
						</div>
					</div>
				</div>

			</div>
			<!-- 轮播 -->
			<div class="wrapperbox">
				<ul class="wrapper">
					<li onclick="sr6()">
						<img src="../../img/swrapper6.jpg" />
					</li>
					<li onclick="sr1()">
						<video autoplay loop>
							<source src="../../img/swrapper1.mp4" />
						</video>
					</li>
					<li onclick="sr2()">
						<img src="../../img/swrapper2.jpg" />

					</li>
					<li onclick="sr3()">
						<img src="../../img/swrapper3.jpg" />
					</li>
					<li onclick="sr4()">
						<img src="../../img/swrapper4.jpg" />
					</li>
					<li onclick="sr5()">
						<img src="../../img/swrapper5.jpg" />
					</li>
					<li onclick="sr6()">
						<img src="../../img/swrapper6.jpg" />
					</li>
					<li onclick="sr1()">
						<video autoplay loop>
							<source src="../../img/swrapper1.mp4" />
						</video>
					</li>
				</ul>

				<div id="lunbotext" style="color: #fff;">
					<p id="text1">Galaxy S23 Ultra</p>
					<p id="text2">震撼上市</p>
					<p id="text3">12期0利率 至高600元换新补贴</p>
					<p id="text4"><button onclick="sr1()">立即抢购</button></p>
				</div>
				<div id="point_row">
					<span onclick="move(1)" style="background-color: #fff;"></span>
					<span onclick="move(2)"></span>
					<span onclick="move(3)"></span>
					<span onclick="move(4)"></span>
					<span onclick="move(5)"></span>
					<span onclick="move(6)"></span>
				</div>



				<div id="btn_content">
					<span id="left" onclick="rightmove1()"><img src="../../img/leftmove.png"></span>
					<span id="right" onclick="leftmove1()"><img src="../../img/rightmove.png"></span>
				</div>
			</div>
		</div>

		<div id="box0">
			<!-- 锚点 -->
			<div class="maodianbox">

				<div id="maodiansmall">
					<a href="#sjAndpb">
						<img src="../../img/pic1.png" />
						<div id="icon_title">手机/平板</div>
					</a>
				</div>
				<div id="maodiansmall">
					<a href="#sbAndej">
						<img src="../../img/pic2.png" />
						<div id="icon_title">手表/耳机</div>
					</a>
				</div>
				<div id="maodiansmall">
					<a href="#dsAndys">
						<img src="../../img/pic3.png" />
						<div id="icon_title">电视/影视</div>
					</a>
				</div>
				<div id="maodiansmall">
					<a href="#shjd">
						<img src="../../img/pic4.png" />
						<div id="icon_title">生活家电</div>
					</a>
				</div>
				<div id="maodiansmall">
					<a href="#xxq">
						<img src="../../img/pic5.png" />
						<div id="icon_title">显示器/存储</div>
					</a>
				</div>
				<div id="maodiansmall">
					<a href="#xyyh">
						<img src="../../img/pic6.png" />
						<div id="icon_title">校园优惠</div>
					</a>
				</div>
				<div id="maodiansmall">
					<a href="#zb">
						<img src="../../img/pic7.png" />
						<div id="icon_title">直播</div>
					</a>
				</div>
				<div id="maodiansmall">
					<a href="#yjhx">
						<img src="../../img/pic8.png" />
						<div id="icon_title">以旧换新</div>
					</a>
				</div>
				<div id="maodiansmall">
					<a href="#qyzx">
						<img src="../../img/pic9.png" />
						<div id="icon_title">企业咨询</div>
					</a>
				</div>
				<div id="maodiansmall">
					<a href="#wysy">
						<img src="../../img/pic10.png" />
						<div id="icon_title">无忧试用</div>
					</a>
				</div>
			</div>

<%--			<div id="box1">--%>
<%--				<div class="tuijian_box">--%>
<%--					<div id="tuijian" onclick="sr2()">--%>
<%--						<img src="img/advertise-four1.png" alt="">--%>
<%--					</div>--%>
<%--					<div id="tuijian" onclick="sr2()">--%>
<%--						<img src="img/advertise-four2.png" alt="">--%>
<%--					</div>--%>
<%--					<div id="tuijian" onclick="sr1()">--%>
<%--						<img src="img/advertise-four3.png" alt="">--%>
<%--					</div>--%>
<%--					<div id="tuijian" onclick="sr2()">--%>
<%--						<img src="img/advertise-four4.png" alt="">--%>
<%--					</div>--%>
<%--				</div>--%>

<%--				<div class="ad-img">--%>
<%--					<img src="img/ad-img.png" alt="">--%>
<%--				</div>--%>
<%--			</div>--%>

			<div id="box2">
<%--				<div class="rexiaotuijian">--%>
<%--					<h1>热销推荐</h1>--%>
<%--					<div id="hot-img" onclick="rx1()">--%>
<%--						<img src="img/hot1.png" alt="">--%>
<%--					</div>--%>
<%--					<div id="hot-img" onclick="rx2()">--%>
<%--						<img src="img/hot2.png" alt="">--%>
<%--					</div>--%>
<%--					<div id="hot-img" onclick="rx3()">--%>
<%--						<img src="img/hot3.png" alt="">--%>
<%--					</div>--%>
<%--				</div>--%>

				<div class="new">
					<h1>新品区</h1>
					<c:forEach begin="0" end="4" var="i">
						<c:choose>
							<c:when test="${i==0}">
								<div class="new-left">
									<div><img onclick="chuandetail(${newgoods[i].sid},${newgoods[i].lid})" src="${newgoods[i].url}" alt=""></div>
									<p id="p1">${newgoods[i].sname}</p>
									<p id="p2">震撼上市 享多重礼遇</p>
									<p id="p3">￥${newgoods[i].sprice}</p>
								</div>
								<div class="new-right">
							</c:when>
							<c:otherwise>
								<div id="smallnew">
									<div><img onclick="chuandetail(${newgoods[i].sid},${newgoods[i].lid})" src="${newgoods[i].url}" alt=""></div>
									<p id="p1">${newgoods[i].sname}</p>
									<p id="p3">￥${newgoods[i].sprice}</p>
								</div>
							</c:otherwise>
						</c:choose>
					</c:forEach>
								</div>
				</div>


				<c:forEach items="${selectxl}" var="x">
					<div id="sjAndpb" style="padding-bottom: 30px">
						<h1>${x.xname}</h1>
						<div id="sjpbleft">
							<img onclick="sr2()" src="../../img/sjpbleft.png" />
						</div>
						<div id="sjpbright">
						<c:forEach items="${x.commodities}" var="c">
								<div id="sjpbrTop">
									<div>
										<img onclick="chuandetail(${c.sid},${c.lid})" src="${c.url}" alt="">
										<p id="p1">${c.sname}</p>
										<p id="p2">震撼上市 享多重礼遇</p>
										<p id="p3">￥${c.sprice}</p>
									</div>
								</div>
						</c:forEach></div>
					</div>
				</c:forEach>



			</div>
		</div>

		<!-- 以下为底部 -->
		<div id="baobox">
			<div>
				<div class="BOX2">
					<div class="BOX3">
						<div class="BOX4">
							<img src="../../img/icon-logistics.png">
							<p>专业客服团队/提供当季优惠信息</p>
						</div>
						<div class="BOX5">
							<img src="../../img/icon-seven.png">
							<p>7天无理由退货15天换货(定制商品除外)</p>
						</div>
					</div>

					<div class="BOX9">
						<div class="BOX10">
							<div class="BOX11">
								<img src="../../img/icon-hand.png">
								<span>官方正品请安心购买</span>
							</div>
							<div class="BOX12">
								<img src="../../img/icon-phone.png">
								<div>
									<span>服务中心</span><br>
									<span style="font-weight: 600;">400-011-8899(09:00~22:</span><br>
									<span style="font-weight: 600;"> 00)</span>
								</div>
							</div>
						</div>
						<div class="BOX13">
							<div >关注我们</div>
							<img src="../../img/icon-app.png" style="margin-right:105px;">
							<img src="../../img/icon-wb.png" style="margin-right:25px;">
							<div style="display: flex;padding-left: 240px;width: 110px;">
								<p>微博</p>
								<p style="padding-left: 20px;">下载<p style="font-weight:600">APP</p></p>
							</div>
						</div>
					</div>
					<div class="BOX7">
						<div>
							<h4>产品</h4>
							<p> <a href="">手机/平台</a></p>
							<p>	<a href="">手表/耳机</a></p>
							<p>	<a href="">电视/影音</a></p>
							<p>	<a href="">生活家电</a> </p>
							<p>	<a href="">显示器/存储</a></p>
						</div>
						<div style="margin-left: 56px;">
							<h4>我的三星</h4>
							<p> <a href="">我的订单</a></p>
							<p>	<a href="">我的星钻</a></p>
							<p>	<a href="">优惠券</a></p>
							<p>	<a href="">个人地址</a> </p>
							<p>	<a href="">收货地址</a></p>
						</div>
					</div>
					<div class="BOX8">
						<div style="height: 230px;">
							<h4>产品</h4>
							<p> <a href="">常见问题</a></p>
							<p>	<a href="">三星商城账号</a></p>
							<p>	<a href="">产品和订单</a></p>
							<p>	<a href="">商品支付及发票</a> </p>
							<p>	<a href="">三星专属管家服务</a></p>
							<p>	<a href="">物流</a></p>
							<p>	<a href="">售后服务</a></p>
						</div>
						<div style="margin-left: 50px;">
							<h4>服务支持</h4>
							<p> <a href="">关于商城</a></p>
							<p>	<a href="">关于三星</a></p>
							<p>	<a href="">售后网点查询</a></p>
							<p>	<a href="">联系我们</a> </p>
							<p>	<a href="">体验反馈➚ </a></p>
						</div>
					</div>
				</div>
				<div class="BottomBox">
					<div>
						<p style="padding-left: 50px;width: 100px;height: 20px;">隐私政策</p>
						<p style="width: 100px;height: 20px;">用户协议</p>
						<p style="width: 100px;height: 20px;">网站地图</p>
						<p style="margin-left: 600px;width: 370px;">© 1995-2023 三星（中国）投资有限公司 版权所有</p>
					</div>
					<div>
						<img src="../../img/icon-record.d0289dc0.png" style="margin-left: 50px;" width="20" height="20">
						<p>京公网安备 11010502040099号</p>
						<p style="padding-left: 20px;">京ICP备05068163号</p>
						<img src="../../img/icon-gscord.c3e17e54.png" width="20" height="20">
						<p>营业执照</p>
						<p style="padding-left: 450px;">三星（中国）投资有限公司运营三星商城并销售产品</p>
					</div>
				</div>
			</div>
		</div>
		
		
		
	</body>
</html>
